﻿
/*-- General Styles --*/
html, body, form { width: 100%; margin: 0; padding: 0; font-family: Arial; font-size: 14px; }
form { float: left; margin-bottom: -10px; }

.clear { clear: both; }
.hide { display: none; }

.loading { background: #FFF url(../images/ajax-loader.gif) no-repeat center; }

.banner { text-align: left; padding: 10px; }
.banner p { padding: 0; margin: 0; }
.error_banner { background: #FFE0E0; color: #CC0000; border: solid 2px #CC0000; }

.notes { font-style: italic; color: #CCC; font-weight: normal; }




/*-- Master Styles --*/
.main { width: 1100px; margin: 0 auto; border-left: solid 1px #CCC; border-right: solid 1px #CCC; }
.page { width: 100%; padding: 60px 0; }
.content_left, .content_right { float: left; position: relative; }



/*-- Search Results Page --*/
#search_results_page { background: #CCC; height: 100%; }
#search_results_page .content_left, #search_results_page .content_right { background: #FFF; height: 690px; border: solid 1px #A2A2A2; }
#search_results_page .content_left { width: 485px; margin-left: 10px; margin-right: 5px; }
#search_results_page .content_right { width: 579px; margin-left: 5px; margin-right: 10px; }

#search_form {  }
#search_form fieldset { border: 0; }
#search_form .keyword_search { margin: 10px 0; }
#search_form .field { margin: 0 0 0 20px; float: left; }
#search_form .field label { width: auto; font-weight: bold; font-size: 12px; margin-left: 2px; float: none; display: block; line-height: 17px; }
#search_form .field input.text, #search_form .field select { float: none; border: solid 1px #CCC; }
#search_form .field input.text { padding: 3px; }
#search_form .field select { padding: 2px; }
#search_form .keyword input.text { width: 345px; }
#search_form .address input.text { width: 288px; }
#search_form .zipcode input.text { width: 45px; }

#search_form .search_options { display: none; width: 455px; padding-left: 30px; margin-top: 0; margin-bottom: 10px; background: #FFF; }
#search_form .search_options h4 { margin: 5px 0 -7px 20px; float: left; position: relative; background-color: #FFF; padding: 0 10px 0 25px; font-size: 14px; line-height: 14px; cursor: pointer; }
#search_form .search_options h4.minimized { background: #FFF url(../images/plus.gif) no-repeat 6px -3px; }
#search_form .search_options h4.maximized { background: #FFF url(../images/minus.gif) no-repeat 6px -3px; }
#search_form .search_options .address_form { float: left; padding: 5px 20px 10px 0; border: solid 1px #CCC; }
#search_form .search_options .address_form .address { margin-top: 15px !important; }
#search_form .search_options .address_form .field { margin: 5px 0 0 20px; }
#search_form .search_options .address_form .error_banner { width: 360px; margin: 15px 0 0 15px; }

#search_form .submit_field { float: left; margin: 18px 0 0 5px; display: block; }



/*-- Search Results List --*/
#search_results { height: 605px; background: #F2F2F2; padding: 10px; border-top: solid 1px #CCC; }
#search_results .container { border: solid 1px #CCC; height: 600px; background: #FFF; }

#results_list { margin: 0; padding: 0; }
.place_description { float: left; margin: 1px 1px 0 1px; border: solid 1px #A2A2A2; padding: 5px; display: block; height: 100px; background: #CCC; list-style: none; }
.place_description .col1 { float: left; width: 25px; }
.place_description .col2 { float: left; width: 424px; }
.place_description .count { color: #FFF; font-weight: bold; font-size: 16px; }
.place_description .name { font-weight: bold; line-height: 19px; font-size: 16px; }


#search_results_page .pager { text-align: center; line-height: 30px; }
#search_results_page .pager a, #search_results_page .pager span { padding: 2px; text-decoration: none; }
#search_results_page .pager span.page { visibility: hidden; }
#search_results_page .pager a.page { color: #000; }
#search_results_page .pager a.page:hover { text-decoration: underline; }
#search_results_page .pager .current { font-size: 16px; font-weight: bold; visibility: visible !important; }



/*-- Search Results Map --*/
#map_container { width: 100%; height: 100%; position: relative; }

.map_balloon .place_description { background: #FFF; border: 0; }

